<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>微博</title> 
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/common.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/index.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/slider/css/style.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/index/index.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/dialog/artDialog.source.js?skin=idialog"></script>


</head>
<body>
<input type="hidden" value="${pageContext.request.contextPath}" name="contentPath" id="contentPath"/>
<input type="hidden" value="${login_info}" name="login_info" id="login_info"/>

<div class="maincontent">
    <div class="content">
		<%@include file="common/header.jsp"%>
		<%@include file="common/daohang_index.jsp"%>
		
		<div id="tip_img">
<!--			<div id="gyzy" class="tag_img"><span>优质资源</span></div>-->
<!--			<div id="zyfw" class="tag_img"><span>专业服务</span></div>-->
<!--			<div id="jghl" class="tag_img"><span>价格合理</span></div>-->
			<!--			<div id="img_content"></div>-->
			<div class="container">
            <div class="wrapper">
                <div id="ei-slider" class="ei-slider">
                    <ul class="ei-slider-large">
						<li>
                            <img src="${pageContext.request.contextPath}/js/slider/images/large/6.jpg" alt="image06"/>
                            <div class="ei-title">
                                <h2>明星-1</h2>
                                <h3>外国人</h3>
                            </div>
                        </li>
                        <li>
                            <img src="${pageContext.request.contextPath}/js/slider/images/large/1.jpg" alt="image01" />
                            <div class="ei-title">
                                <h2>明星0</h2>
                                <h3>外国人</h3>
                            </div>
                        </li>
                        <li>
                            <img src="${pageContext.request.contextPath}/js/slider/images/large/2.jpg" alt="image02" />
                            <div class="ei-title">
                                <h2>明星1</h2>
                                <h3>外国人</h3>
                            </div>
                        </li>
                        <li>
                            <img src="${pageContext.request.contextPath}/js/slider/images/large/3.jpg" alt="image03"/>
                            <div class="ei-title">
                                <h2>明星2</h2>
                                <h3>外国人</h3>
                            </div>
                        </li>
                        <li>
                            <img src="${pageContext.request.contextPath}/js/slider/images/large/4.jpg" alt="image04"/>
                            <div class="ei-title">
                                <h2>明星3</h2>
                                <h3>外国人</h3>
                            </div>
                        </li>
                        <li>
                            <img src="${pageContext.request.contextPath}/js/slider/images/large/5.jpg" alt="image05"/>
                            <div class="ei-title">
                                <h2>明星4</h2>
                                <h3>外国人</h3>
                            </div>
                        </li>
                        <li>
                            <img src="${pageContext.request.contextPath}/js/slider/images/large/7.jpg" alt="image07"/>
                            <div class="ei-title">
                                <h2>明星5</h2>
                                <h3>外国人</h3>
                            </div>
                        </li>
                    </ul><!-- ei-slider-large -->
                    <ul class="ei-slider-thumbs" style="text-align: left;">
                        <li class="ei-slider-element">Current</li>
						<li><a href="#">Slide 6</a><img src="${pageContext.request.contextPath}/js/slider/images/thumbs/6.jpg" alt="thumb06" /></li>
                        <li><a href="#">Slide 1</a><img src="${pageContext.request.contextPath}/js/slider/images/thumbs/1.jpg" alt="thumb01" /></li>
                        <li><a href="#">Slide 2</a><img src="${pageContext.request.contextPath}/js/slider/images/thumbs/2.jpg" alt="thumb02" /></li>
                        <li><a href="#">Slide 3</a><img src="${pageContext.request.contextPath}/js/slider/images/thumbs/3.jpg" alt="thumb03" /></li>
                        <li><a href="#">Slide 4</a><img src="${pageContext.request.contextPath}/js/slider/images/thumbs/4.jpg" alt="thumb04" /></li>
                        <li><a href="#">Slide 5</a><img src="${pageContext.request.contextPath}/js/slider/images/thumbs/5.jpg" alt="thumb05" /></li>
                        <li><a href="#">Slide 7</a><img src="${pageContext.request.contextPath}/js/slider/images/thumbs/7.jpg" alt="thumb07" /></li>
                    </ul><!-- ei-slider-thumbs -->
                </div><!-- ei-slider -->
            </div><!-- wrapper -->
        </div>
</div>
<div id="user_login">
			<form action="${pageContext.request.contextPath}/LoginServerlet.do" name="loginForm" id="loginForm" method="post">
				<input type="hidden" id="method" name="method" value="login"/>
				<div class="line_b"><label>用户名：</label><input type="text" name="username" id="username"/></div>
				<div class="line_b"><label>密&nbsp;&nbsp;&nbsp;&nbsp;码：</label><input type="password" id="password" name="password"/></div>
				<div class="line_b"><label>验证码：</label><input id="code" name="code" style="width: 70px;" type="text"/><img id="randImage" src="${pageContext.request.contextPath}/common/image.jsp" width="50" height="20"/><span>换一张</span></div>
				<div class="line_bu"><span>登陆</span><span>忘记密码</span><span>我要注册</span></div>
			</form>
		</div>
		<div id="login_button">
			<div class="login_bt" >用户免费注册</div>
			<div class="login_bt" style="margin-left: 5px;">在线提问留言</div>
        </div>
		<div id="middle_">
			<div id="middle_left">
				<div class="hongren">
					<div class="m_head">
             			<span class="m_head_left">微博红人</span><span class="m_head_right" onclick="toMore('hongren')">更多博主资源>></span>
					</div>
					<div class="line_head"></div>
					<div class="hongren_content">
						<ul>
							<c:forEach items="${hongrenList}" var="hongren">
								<li>
									<div><img src="${hongren.HOST_IMG}" width="113" height="109"></div>
									<span title="${hongren.HOST_NAME }">${hongren.HOST_NAME }</span>
									<span title="${hongren.HOST_ADDR }">${hongren.HOST_ADDR }</span>
								</li>
							</c:forEach>
						</ul>
					</div>
				</div>
				<div class="hongren">
					<div class="m_head">
             			<span class="m_head_left">明星博主</span><span class="m_head_right" onclick="toMore('mingxin')">更多博主资源>></span>
					</div>
					<div class="line_head"></div>
					<div class="hongren_content">
						<ul>
							<c:forEach items="${mingrenList}" var="hongren">
								<li>
									<div><img src="${hongren.HOST_IMG}" width="113" height="109"></div>
									<span title="${hongren.HOST_NAME }">${hongren.HOST_NAME }</span> 
									<span title="${hongren.HOST_ADDR }">${hongren.HOST_ADDR }</span>
								</li>
							</c:forEach>
						</ul>
					</div>
				</div>
				
			</div>
			<div id="middle_right">
				<div class="middle_right_head"> <span>合作品牌</span></div>
				<div class="middle_right_line"></div>
				<div class="middle_right_content">
					<img src="" width="130" height="51" style="margin-top: 15px">
					<img src="" width="130" height="51" style="margin-top: 15px">
					<img src="" width="130" height="51" >
					<img src="" width="130" height="51" >
					<img src="" width="130" height="51" >
					<img src="" width="130" height="51" >
					<img src="" width="130" height="51" >
					<img src="" width="130" height="51" >
					<img src="" width="130" height="51" >
					<img src="" width="130" height="51" >
					<img src="" width="130" height="51" >
					<img src="" width="130" height="51" >
				</div>
			</div>
			
		</div>
		<!--  
		<div id="chart_map">
			<div id="chart_head">精准数据</div>
			<div id="chart_line"></div>
			<div id="chart_content"><img src="${pageContext.request.contextPath}/images/index/chart.png"></div>
		</div>
		-->
		<%@include file="common/footer.jsp"%>
	</div>
</div>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/slider/js/jquery.eislideshow.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/slider/js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
	$(function() {
	    $('#ei-slider').eislideshow({
			animation			: 'center',
			autoplay			: true,
			slideshow_interval	: 3000,
			titlesFactor		: 0
	    });
	});
	function loadimage(){ 
		document.getElementById("randImage").src = "${pageContext.request.contextPath}/common/image.jsp?"+Math.random(); 
	} 
</script>
</body>
</html>